<!-- 首页 -->
<template>
	<div class="backimg">
		<div>
			<page01></page01>
		</div>
		<div>
			<page02></page02>
		</div>
		<div>
			<page03></page03>
		</div>
		<div>
			<page04></page04>
		</div>
	</div>
</template>

<script>
	import page01 from "../components/echars/page01.vue"
	import page02 from "../components/echars/page02.vue"
	import page03 from "../components/echars/page03.vue"
	import page04 from "../components/echars/page04.vue"
	export default {
		components: {
			page01,
			page02,
			page03,
			page04,
		}
	};
</script>

<style lang="scss" scoped="scoped">
	.backimg {
		width: 100%;
		height: 100vh;
		background: url(../assets/bg.png);
		background-size: 100% 100%;
		position: relative;
	}
	
	.backimg>div:nth-child(1) {
		position: absolute;
		top: -50px;
		left: 30%;
	}
	
	.backimg>div:nth-child(2) {
		position: absolute;
		bottom: 0px;
		left: 5%;
	}
	
	.backimg>div:nth-child(3) {
		position: absolute;
		bottom: 0px;
		left: 40%;
	}
	
	.backimg>div:nth-child(4) {
		position: absolute;
		bottom: 0px;
		left: 65%;
	}
</style>
